@charset "utf-8";
// 重置样式
@media all {
  html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
  }

  ul, ol, li {
    list-style: none;
  }

  a, u {
    text-decoration: none;
  }

  img {
    display: block;
    border: 0;
  }

  * {
    box-sizing: border-box;
  }

  :root {
    //--c_mainBlue: #008aff;
    //--c_highlightBlue: #1cb8f6;
    --c_mainWhite: #fff;
    --c_secondWhite: rgba(255, 255, 255, 0.60);
    //--c_mainGray: #666;
    --c_secondText: #5A9494;
    --c_thirdText: #71afe1;
    --c_active: #43C4C4;
    --c_i_up: #ff354b;
    --c_i_down: #7ed321;
    --c_bg_bar: #0B1027;
    --c_splitLine: rgba(216, 216, 216, 0.08);
    //--c_bg: #0a0919;
    //--c_bg_chart: rgba(0, 138, 255, 0.1);
    --c_bg_input: rgba(207, 207, 255, 0.18);
  }

  html, body {
    height: 100%;
    color: var(--c_mainWhite);
    //overflow: hidden;
  }
  h3, h4, h5 {
    font-weight: normal;
  }

  button {
    outline: none;
  }

  #container {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
  }
}

// 全局样式
@font-face {
  font-family: digitalNumber;
  src: url("../assets/font/digitalNumber.TTF");
}

body {
  background-color:  #1C244B;
}

.icon-jiantouarrow504 {
  color: var(--c_i_up);
}

.icon-jiantouarrow479 {
  color: var(--c_i_down);
}

.myBg {
  background-size: 100% 100%;
  background-origin: content-box;
  background-repeat: no-repeat;
}


h3 {
  font-size: 14px;
  //letter-spacing: .0625rem;

  &.en {
    margin-top: .3rem;
    color: #999;
    font-size: .75rem;
  }
}

h4 {
  font-size: 1.125rem;
  letter-spacing: .125rem;
}

h5 {
  letter-spacing: .125rem;
}

#container {
  height: 100%;
}

/*weui框架样式*/
.weui-tab{
  .weui-tab__bd {
    padding-bottom: 3rem;
  }
  .weui-tabbar {
    padding: .25rem 0;
    position: fixed;
    background-color: var(--c_bg_bar);
    .weui-tabbar__icon {
      width: 24px;
      height: 24px;
      .icon {
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
      }
    }
    > a:nth-of-type(1) .icon {
      background-image: url("../imgs/i_index.png");
    }

    > a.weui-bar__item--on:nth-of-type(1) .icon {
      background-image: url("../imgs/i_index_on.png");
    }

    > a:nth-of-type(2) .icon {
      background-image: url("../imgs/i_hotSpot.png");
    }

    > a.weui-bar__item--on:nth-of-type(2) .icon {
      background-image: url("../imgs/i_hotSpot_on.png");
    }

    > a:nth-of-type(3) .icon {
      background-image: url("../imgs/i_discovery.png");
    }

    > a.weui-bar__item--on:nth-of-type(3) .icon {
      background-image: url("../imgs/i_discovery_on.png");
    }
    .weui-tabbar__item.weui-bar__item--on .weui-tabbar__label {
      color: var(--c_active)
    }
  }
}
/*重置weui内部样式*/
.weui-search-bar {
  background-color: transparent;
  &:before,
  &:after{
    content: none;
  }

  .weui-search-bar__form:after {
    background-color: transparent;
  }

  form {
    opacity: 0.3707;
    background-color: var(--c_bg_input);
    input{
      color: #fff;
      padding: 6px 0;
    }
      ::-webkit-input-placeholder { /* WebKit browsers */
        color: #fff;
    }
    .weui-search-bar__label {
      background-color: var(--c_bg_input);
    }
  }

}




// 图标
@media all {
  i {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .icon { //symbol图标专用
    margin-right: .5rem;
    width: 1.875rem;
    height: 1.875rem;
    vertical-align: -0.5em;
    fill: currentColor;
    overflow: hidden;
  }
}








